<!DOCTYPE html>
<head>
    {% include head.html %}

    <script>
        $(function () {
            $('[data-toggle="tooltip"]').tooltip()
        })
    </script>
    {% if page.datatable == true %}
    <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.5/css/jquery.dataTables.css">
    <script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.5/js/jquery.dataTables.js"></script>
    <script>
        $(document).ready(function(){

            $('table.datatable').DataTable( {
                        paging: false,
                        stateSave: true
                    }
            );
    </script>
    {% endif %}

</head>
<body>
{% include topnav.html %}
<!-- Page Content -->
<div class="container">
    <!-- Content Row -->
    <div class="row">
        <!-- Sidebar Column -->
        <nav class="col-md-3 sidebar-col">
          {% include sidebar.html %}
        </nav>
        <!-- Content Column -->
        <div class="col-md-9">
            {{content}}
        </div>
        <!-- /.row -->
</div>
<!-- /.container -->
    </div>
</body>
{% if site.google_analytics %}
{% include google_analytics.html %}
{% endif %}
</html>
